<?php if (!defined('THINK_PATH')) exit(); /*a:2:{s:67:"E:\WWW\fly_forum\public/../application/index\view\Card\newCard.html";i:1520214433;s:49:"E:\WWW\fly_forum\application\index\view\base.html";i:1520417087;}*/ ?>


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title><?php echo $title; ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="fly,layui,前端社区">
    <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
    <link rel="stylesheet" href="/fly_forum/public/static/layui/css/layui.css">
    <link rel="stylesheet" href="/fly_forum/public/static/home/css/global.css">
</head>
<body>

<div class="fly-header layui-bg-black">
    <div class="layui-container">
        <a class="fly-logo" href="<?php echo url('Index/index'); ?>">
            <img src="/fly_forum/public/static/home/images/logo.png" alt="layui">
        </a>
        <ul class="layui-nav fly-nav layui-hide-xs">
            <li class="layui-nav-item layui-this">
                <a href="<?php echo url('Index/index'); ?>"><i class="iconfont icon-jiaoliu"></i>交流</a>
            </li>
            <li class="layui-nav-item">
                <a href="#" onclick="WeAdminShow('在线直播','https://staticlive.douyucdn.cn/common/share/play.swf?room_id=85894')"><i class="iconfont icon-iconmingxinganli"></i>在线直播</a>
            </li>
            <li class="layui-nav-item">
                <a href="#" onclick="WeAdminShow('在线电影','http://www.cmmov.net/')"><i class="iconfont icon-ui"></i>在线影视</a>
            </li>
        </ul>

        <ul class="layui-nav fly-nav-user">

            
            <?php if(empty(\think\Session::get('home'))): ?>
                <!-- 未登入的状态 -->
                <li class="layui-nav-item">
                    <a class="iconfont icon-touxiang layui-hide-xs" href="<?php echo url('User/login'); ?>"></a>
                </li>
                <li class="layui-nav-item">
                    <a href="<?php echo url('User/login'); ?>">登入</a>
                </li>
                <li class="layui-nav-item">
                    <a href="<?php echo url('User/reg'); ?>">注册</a>
                </li>
            <?php else: ?>
                <!-- 登入后的状态 -->
                <li class="layui-nav-item">
                    <?php if(empty(\think\Session::get('home.image'))): ?>
                        <a class="iconfont icon-touxiang layui-hide-xs" href="<?php echo url('User/set'); ?>"></a>
                    <?php else: ?>
                        <a  href="<?php echo url('User/set'); ?>"><img style="height: 40px;width: 40px;border-radius: 20px" src="<?php echo get_img_url('/fly_forum/public/static/../upload/headImg/',session('home.image'),0); ?>"></a>
                    <?php endif; ?>

                </li>
                <li class="layui-nav-item">
                    <a href="<?php echo url('User/set'); ?>"><?php echo \think\Session::get('home.name'); ?></a>
                </li>
                <li class="layui-nav-item">
                    <a href="<?php echo url('User/loginOut'); ?>">退出</a>
                </li>
            <?php endif; if(empty(\think\Session::get('home'))): ?>
            <li class="layui-nav-item layui-hide-xs">
                <a href="<?php echo url('User/qqlogin'); ?>" onclick="layer.msg('正在通过QQ登入', {icon:16, shade: 0.1, time:0})" title="QQ登入" class="iconfont icon-qq"></a>
            </li>
            <!-- <li class="layui-nav-item layui-hide-xs">
                <a href="/app/weibo/" onclick="layer.msg('正在通过微博登入', {icon:16, shade: 0.1, time:0})" title="微博登入" class="iconfont icon-weibo"></a> -->
            </li>
            <?php else: endif; ?>

            
        </ul>
    </div>
</div>



<script src="/fly_forum/public/static/home/js/jquery-1.7.2.js"></script>
<script src="/fly_forum/public/static/layui/layui.js"></script>

<div class="layui-container fly-marginTop">
  <div class="fly-panel" pad20 style="padding-top: 5px;">
    <!--<div class="fly-none">没有权限</div>-->
    <div class="layui-form layui-form-pane">
      <div class="layui-tab layui-tab-brief" lay-filter="user">
        <ul class="layui-tab-title">
          <li class="layui-this">发表新帖<!-- 编辑帖子 --></li>
        </ul>
        <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
          <div class="layui-tab-item layui-show">
            <form action="<?php echo url('Card/send'); ?>" id="newCard" method="post" enctype="multipart/form-data">
              <div class="layui-row layui-col-space15 layui-form-item">
                <div class="layui-col-md3">
                  <label class="layui-form-label">所在专栏</label>
                  <div class="layui-input-block">
                    <!-- 显示所有帖子分类 -->
                    <?php if(!empty($cateInfo)): ?>
                      <select lay-verify="required" name="class" id="category" lay-filter="column">
                        <option value="">请选择帖子分类</option> 
                        <?php if(is_array($cateInfo) || $cateInfo instanceof \think\Collection || $cateInfo instanceof \think\Paginator): if( count($cateInfo)==0 ) : echo "" ;else: foreach($cateInfo as $key=>$val): ?>
                          <option value="<?php echo $val['id']; ?>"><?php echo $val['category_name']; ?></option>
                        <?php endforeach; endif; else: echo "" ;endif; ?>
                      </select>
                    <?php endif; ?>
                    

                  </div>
                </div>
                <div class="layui-col-md9">
                  <label for="L_title" class="layui-form-label">标题</label>
                  <div class="layui-input-block">
                    <input type="text" id="L_title" name="title" required lay-verify="required" autocomplete="off" class="layui-input" placeholder="限制30个汉字以内">
                    <!-- <input type="hidden" name="id" value="{{d.edit.id}}"> -->
                  </div>
                </div>
              </div>

              <div class="layui-form-item layui-form-text">
                <label for="L_title" class="layui-form-label">帖子内容</label>
                <!-- 加载编辑器的容器 -->
                <div class="layui-input-block ueditor1" style="z-index: 998">
                   <script id="container" name="content1" type="text/plain" style="height: 300px;" ></script>
                </div>
                
              </div>
              <div class="layui-form-item" id="gold" style="display: none;">
                <div class="layui-inline">
                  <label class="layui-form-label">悬赏金币</label>
                  <div class="layui-input-inline" style="width: 190px;">
                    <input type="number" name="gold"  autocomplete="off" class="layui-input">
                    <input type="hidden" name="mygold" value="<?php echo $userInfo['gold']; ?>">
                  </div>
                  <div class="layui-form-mid layui-word-aux">发表后无法更改金币</div>
                </div>
              </div>
              <div class="layui-form-item">
                <label for="L_vercode" class="layui-form-label">人类验证</label>
                <div class="layui-input-inline">
                  <input type="text" id="L_vercode" name="vercode" required lay-verify="required" placeholder="请输入后面的验证码" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid">
                  <!-- <span style="color: #c00;">1+1=?</span> -->
                  <img src="<?php echo captcha_src(); ?>" alt="captcha" style="height: 38px;margin-top: -8px" onclick="this.src=this.src+'?i='+Math.random()"/>
                </div>
              </div>
              <div class="layui-form-item">
                <div class="layui-inline">
                    <button class="layui-btn"  lay-submit>立即发布</button>
                </div>
                <span></span>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="fly-footer">
  <p><a href="http://fly.layui.com/" target="_blank">Fly社区</a> 2017 &copy; <a href="http://www.layui.com/" target="_blank">layui.com 出品</a></p>
  <p>
    <a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a>
    <a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a>
    <a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a>
  </p>
</div>
<!-- 配置文件 -->
    <script type="text/javascript" src="/fly_forum/public/static/ueditor/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="/fly_forum/public/static/ueditor/ueditor.all.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>
<script>
    var check_gold = false;
    $(function(){
        // console.log($("#category").val());
        // console.log("cate");
        if($("#category").val() == 1){
            $("#gold").removeProp("style");
        }else{
            check_gold = true;
        }
    })
    
    layui.use('form', function(){
      var form = layui.form;
      form.on('select(column)', function(data){
        // console.log($("#edui1_wordcount").html());
        // console.log($("div.ueditor1").html());

          if(data.value == 1){
            // console.log($("#gold").html());
            $("#gold").removeProp("style");
        }else{
            $("#gold").prop("style","display:none");
            check_gold = true;
        }
    }); 
      //各种基于事件的操作，下面会有进一步介绍
    });
    

    //检查标题长度小于30
    var check_title = false;
    $("#L_title").blur(function(){
        var title = $("#L_title").val();
        if(title.length > 30){   
            $("button").parent().next().removeClass("layui-word-aux").css("color","red");
            $("button").parent().next().html("标题不能超过30个字!!!");
            error("标题不能超过30个字");
            check_title = false;
        }else{
            $("button").parent().next().html("");
            check_title = true;
        }
    })

    //检查金币数量小于该用户拥有的最大金币数
    $("input[name='gold']").blur(function(){
        //用户拥有的金币
        var gold = parseInt($("input[name='gold']").val());
        var mygold = parseInt($("input[name='mygold']").val());
        if(gold > mygold){
            $("input[name='gold']").parent().next().removeClass("layui-word-aux").css("color","red");
            $("input[name='gold']").parent().next().html("对不起,您的金币现在只有"+mygold+",不足"+gold+"!!!");
            check_gold = false;
            // error("对不起,您的金币现在只有"+mygold+",不足"+gold);
        }else{
            $("input[name='gold']").parent().next().addClass("layui-word-aux");
            $("input[name='gold']").parent().next().html("发表后无法更改金币");
            check_gold = true;
        }

    })

    //如果标题长度或金币不符合,就不能提交
    $("#newCard").submit(function(){
        console.log(check_gold);
        console.log(check_title);
        if(check_gold && check_title){
            return true;
        }else{
            return false;
        }
    })

    function error (contents){
        layer.open({
               title: '错误提示',
               content: contents
            }); 
    }
</script>

<script>
    layui.cache.page = '';
    layui.cache.user = {
        username: '游客'
        ,uid: -1
        ,avatar: '/fly_forum/public/static/home/images/avatar/00.jpg'
        ,experience: 83
        ,sex: '男'
    };
    layui.config({
        version: "3.0.0"
        ,base: '/fly_forum/public/static/home/mods/' //这里实际使用时，建议改成绝对路径
    }).extend({
        fly: 'index'
    }).use('fly');



    /*
     * @todo 弹出层，弹窗方法
     * layui.use 加载layui.define 定义的模块，当外部 js 或 onclick调用 use 内部函数时，需要在 use 中定义 window 函数供外部引用
     * http://blog.csdn.net/xcmonline/article/details/75647144 
     */
    /*
        参数解释：
        title   标题
        url     请求的url
        id      需要操作的数据id
        w       弹出层宽度（缺省调默认值）
        h       弹出层高度（缺省调默认值）
    */
    window.WeAdminShow = function(title, url, w, h) {
        if(title == null || title == '') {
            title = false;
        };
        if(url == null || url == '') {
            url = "404.html";
        };
        if(w == null || w == '') {
            w = ($(window).width() * 0.9);
        };
        if(h == null || h == '') {
            h = ($(window).height() - 50);
        };
        layer.open({
            type: 2,
            area: [w + 'px', h + 'px'],
            fix: false, //不固定
            maxmin: true,
            shadeClose: true,
            shade: 0.4,
            title: title,
            content: url
        });
    }
</script>

<!-- <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_30088308'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "w.cnzz.com/c.php%3Fid%3D30088308' type='text/javascript'%3E%3C/script%3E"));</script> -->

</body>
</html>